img{border:0px}
@charset "utf-8";
/* CSS Document */
.test{width:920px; height:100px; max-height:320px; margin:0 auto; position:relative; z-index:99; background-color:#F6C}

/* 红色 z-index值越大越在顶层 */
.container{ width:980px; margin:0 auto; position:relative; z-index:99; height:320px}
.index-menu{ width:980px; margin:0 auto; position:relative}

.fluidHeight {
	POSITION:relative; WIDTH: 100%; HEIGHT: 320px
}




/* 紫色，最大高度限定在320 */
.sliderContainer {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px;PADDING-TOP: 0px; PADDING-RIGHT: 0px; HEIGHT: 100%; MAX-HEIGHT: 320px
}
/* 划绿色，最大高度限定在90%*/ 
.iosSlider {
	POSITION: relative; WIDTH: 100%; HEIGHT: 100%; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
/* 橙色，最大高度限定在90%*/ 
.iosSlider .slider {
	WIDTH: 100%; HEIGHT: 100%
}
/* 粉色*/ 
.iosSlider .slider .item {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; MAX-WIDTH: 980px; HEIGHT: 100%; PADDING-TOP: 0px
}
/* 朱红色,box-shadow是给元素块添加周边阴影效果*/
.iosSlider .slider .item .inner {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}
/* 墨绿色*/ 
.iosSlider .slider .item .inner IMG {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; TOP: 0px; LEFT: 0px; height:100%
}
 /* 定义一个选择器的阴影，灰色*/ 
.iosSlider .slider .item .inner .selectorShadow {
	POSITION: absolute; WIDTH: 120px; BOTTOM: 0px; DISPLAY: none; BACKGROUND: url(../_img/selector-shadow.png) no-repeat 0px 0px; HEIGHT: 30px; LEFT: 0px
}
 /* 定义一个选框，BOTTOM:决定选择框的高度，土色*/
.sliderContainer .slideSelectors {
	Z-INDEX: 100; POSITION: relative; MARGIN: 0px auto; WIDTH: 160px; BOTTOM: 20px; HEIGHT: 11px
}
.sliderContainer .slideSelectors .prev {
	WIDTH: 11px; BACKGROUND: url(../images/arrow_left.png) no-repeat 50% 0px; FLOAT: left; HEIGHT: 11px
}
.sliderContainer .slideSelectors .next {
	MARGIN: 0px 0px 0px 10px; WIDTH: 11px; BACKGROUND: url(../images/arrow_right.png) no-repeat 50% 0px; FLOAT: left; HEIGHT: 11px
}
.sliderContainer .slideSelectors .item {
	FILTER: alpha(opacity=25); MARGIN: 1px 1px 1px 11px; WIDTH: 9px; BACKGROUND: #aaa; FLOAT: left; HEIGHT: 9px; border-radius: 10px
}

.sliderContainer .slideSelectors .selected {
	FILTER: alpha(opacity=100); MARGIN: 0px 0px 0px 10px; WIDTH: 11px; BACKGROUND: #eee; HEIGHT: 11px; opacity: 1; box-shadow: none
}
.sliderContainer .scrollbarContainer {
	Z-INDEX: 1; POSITION: relative; MARGIN: 0px auto; BOTTOM: 4px; HEIGHT: 4px; LEFT: 0px; background-color:#9F0
}